define("detail",["jquery","islogin"],function ($) {

    return {

       init:function () {
        $(document).on("click",".item",function () {
            $(this).addClass("current").siblings().removeClass("current")
        })
        $(".smallArea").css({
            width:($(".smallImg").width()/$(".bigImg").width())*$(".bigArea").width(),
            height:($(".smallImg").height()/$(".bigImg").height())*$(".bigArea").height()
        })
           console.log($(".smallImg").width());
           var $scole=$(".bigImg").height()/$(".smallImg").height()
           console.log($scole);
           console.log($(".smallArea").width());
           $(".imgs").hover(()=>{
               $(".smallArea").show(100)
                $(".bigArea").show(100)
           },()=>{
               $(".smallArea").hide(100)
               $(".bigArea").hide(100)
           }).on("mousemove",function (e) {
               var left=e.clientX-$(".imgs").offset().left-$(".smallImg").offset().left-($(".smallArea").width()/2)
               var top=e.clientY-($(".smallArea").height())
               // console.log(left,top);
               console.log(e.clientX);


               if(left<=0){
                   left=0
                }else if(left>=$(".imgs").width()-$(".smallArea").width()){
                   left=$(".imgs").width()-$(".smallArea").width()
                }
               if(top<=0){
                   top=0
               }else if(top>=$(".smallImg").height()-$(".smallArea").height()){
                   top=$(".smallImg").height()-$(".smallArea").height()
               }
               $(".smallArea").css({
                   left:left,
                   top:top
               })
               $(".bigImg").css({
                   left:-left*$scole,
                   top:-top*$scole
               })
           })
            $(".contain ul li").each((index,ele)=>{

              ele.onclick=function () {
                  $(".smallImg").attr("src",`./../diwudadao/img/contain_${index+1}.jpg`)
                  $(".bigImg").attr("src",`./../diwudadao/img/contain_${index+1}.jpg`)
              }


            })

       },
       add:function (res) {
           //增加
           $(document).on("click",".add",function () {
               var num=$(this).prev(".res").val()

               if(num>=1){
                   num++;
                   $(this).prev(".res").val(num)

               }
           })
            //减少
           $(document).on("click",".del",function () {
               var num=$(this).next(".res").val()
               console.log(num);
               if(num>1){
                   num--;
                   $(this).next(".res").val(num)

               }
           })
           $(".err").on("click",function () {
               $(".cartgoods").hide(100)
           })
            //立即购买
           // $(".buy").on("click",function () {
           //      if(res.status==0){
           //          window.location="login.html"
           //      }else if(res.status==1){
           //          window.location=""
           //      }
           //
           // })
            //加入购物车
           $(document).on("click",".car",function () {
               $(".cartgoods").show(100)
               var num=$("input[type=text]").val()
               var price=$(".price").html()
               var total=parseInt(price)*parseInt(num)
               $(".numb").html(num)
               $(".prices").html("￥"+total)


           })



       }

    }
})